<div class="container">






<div id="app">

    <draggable v-model="myArray" :options="{group:'people'}" @start="drag=true" @end="drag=false">
        <div v-for="element in myArray" :key="element.id">{{element.name}}</div>
    </draggable>

</div>








<script>
var app = new Vue({
el: '#app',
data: {
    message: 'Hello Vue!',
    myArray:[
        {id:1,name:'Jack'},
        {id:2,name:'Nick'},
        {id:3,name:'Tom'},
        {id:4,name:'Apple'},
        {id:5,name:'Queen'},
    ]
}
})
</script>




















</div><!-- .container -->